html{
    height: 100%;
}
body.index{
    width:100%;
    height: 100%;
    background:url(../img/in_bg.png) no-repeat center;
    background-size:100%;
}

.main{
    width:1043px;
    height: 328px;
    margin:0 auto;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    margin-left: -50px;
    .half{
        width: 50%;
        position: absolute;
    }
    .lf{
        left: 0;
        .pic_t1{
            margin-bottom: 39px;
        }
        .search{
            width:100%;
            height: 50px;
            background: #fff;
            border-radius: 10px;
            input{
                width: 430px;
                height: 100%;
                border: none;
                outline: none;
                padding: 0 24px;
                box-sizing: border-box;
                font-size: 16px;
                color: #333;
                border-radius: 10px;
            }
            .btn_seh{
                width:90px;
                height: 100%;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                display: inline-block;
                float: right;
                background: #0177d7;
                text-align: center;
                cursor: pointer;
                img{
                    display: inline-block;
                    margin-top:13px;
                }
                &:hover{
                    background: #758fc4;
                }
            }
            
        }
        .keywords{
            font-size: 16px;
            color: #fff;
            margin-top:13px;
            a{
                text-decoration: none;
                color: inherit;
                margin-right: 5px;
            }
        }
    }
    .rgt{
        right:0;
        .squ{
            width: 330px;
            height: 330px;
            float: right;
            .blo{
                width:160px;
                height: 160px;
                transition: all .3s ease;
                -ms-transition: all .3s ease;
                float: left;
                display: inline-block;
                font-size: 20px;
                color: #fff;
                padding-top: 108px;
                box-sizing: border-box;
                text-align: center;
                cursor: pointer;
            }
            .blo:hover{
                transform: scale(1.05);
                -ms-transform: scale(1.05);
            }
            .b1{
                background: url(../img/in_bg1.png)  no-repeat center;
                margin-right: 10px;
                margin-bottom: 10px;
                transform-origin:right bottom; 
                -ms-transform-origin:right bottom; 
            }
            .b2{
                background: url(../img/in_bg2.png)  no-repeat center;
                transform-origin:left bottom; 
                -ms-transform-origin:left bottom; 
                margin-bottom: 10px;
            }
            .b3{
                background: url(../img/in_bg3.png)  no-repeat center;
                transform-origin:right top;
                -ms-transform-origin:right top;
                margin-right: 10px;
            }
            .b4{
                background: url(../img/in_bg4.png)  no-repeat center;
                transform-origin:left top; 
                -ms-transform-origin:left top; 
            }
        }
    }
}
